<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>html标记</title>
<meta charset="UTF-8" />
<meta name="keywords" />

</head>
<body link="red" vlink="green" alink="blue">
<a name="top"></a>
<a href="#bottom">到页面底部</a>
<h1> 这是一个内容的标题</h1>
<a href="http://www.163.com">网易</a> <br />
<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu1.com">百度1</a>
<a href="http://www.baidu2.com">百度2</a>

<p><pre>吃饭  睡觉	打豆豆!!!     </pre></p>

<li>list</li>
<li>list</li>
<li>list</li>
<li>list</li>
<li>list</li>

<!--ol的type类型有(1,A,a,I,i)-->
<ul type="">
	Unorderlist1
</ul>
<br />



<!--ol的type类型有(1,A,a,I,i)-->
<ol type="1">   
	<li >Ordered list</li> 
	<li>Ordered list</li> 
	<li value="5">Ordered list</li> 
	<li>Ordered list</li> 
	<li>Ordered list</li> 
	<li>Ordered list</li> 
</ol>


<!--dl:definition list dt:definition title dd:definition description-->
<dl>
	<dt>Coffee</dt>
	<dd>Black coffee drink</dd>
</dl>

吃饭,睡觉,打豆豆<hr />
吃饭,睡觉,打豆豆<br/>
<br/>
<font size="13" color="red" face="微软雅黑">吃饭,睡觉,打豆豆</font>
<br>
<!--cite:Citation,引用,通常是斜体-->
Hello, World
<cite>Hello, World</cite>
<br>
<!--emphasis,强调,通常也是斜体-->
Hello, World
<em>Hello, world</em>
<br>
<!--small:小型字体标记,可以嵌套-->
small <small>small</small> <small><small>small</small></small> <small><small><small>small</small></small></small>
<br>
<!--Big:大型字体标记,可以嵌套-->
麦子学院 
<big>麦子学院</big> 
<big><big>麦子学院</big></big>  
<big><big><big>麦子学院</big></big></big>	
<br>

<img src="" width="" height="" alt="" />
<br>
<a href="http://www.baidu.com" target="_self">demo</a>   <!--外部链接-->

<a name="bottom"></a><br>
<h1>只是底部,测试用</h1>llspacing="0" cellpadding="10" frame="box" rules="all">
	<caption align="top">表格的标题</caption> <!--caption:表格的标题-->
	<tr bgcolor="#BBBBBB">
<a href="#top">到页面顶部</a>

<a href="http://www.baidu.com" target="_blank"><img src="https://www.baidu.com/img/bd_logo1.png?where=super" width="100px" border="0px"/></a>
<br>


<!--表格内容-->
<table width="860" height="300" border="1px" align="center" ce
		<th bgcolor="red" colspan="1" rowspan="1">
		班级
		</th>
		<th>
		姓名
		</th>
		<th>
		年龄
		</th>
		<th>
		成绩
		</th>
	</tr>
	<tr align="center">
		<td>四(1)班</td>
		<td>张三</td>
		<td>12</td>
		<td>95</td>
	<tr align="center">
		<td>四(1)班</td>
		<td>李四</td>
		<td>12</td>
		<td>94</td>
	</tr>
		<tr align="center">
		<td>四(1)班</td>
		<td>王五</td>
		<td>12</td>
		<td>93</td>
	</tr>
</table>
<br>
<table width="960" align="center" border="0px" cellspacing="0" cellpadding="0">
	<tr height="90" bgcolor="red" align="center"><td><font size="6" color="white" ><b>网页的头部</b></td></tr>
	<tr height="500">
		<td>
			<table width="30%" border="0" align="left" height="500px" cellspacing="0" cellpadding="0" bgcolor="yellow">
				<tr>
					<td align="center"><font size="6" color="white">网页左边部分</font></td>
				</tr>
			</table>
			<table width="70%" border="0" align="left" height="500px" cellspacing="0" cellpadding="0" bgcolor="orange">
				<tr>
					<td align="center"><font size="6" color="white">网页右边部分</font></td>
				</tr>
			</table>
		</td>
	</tr>
	<tr height="90" bgcolor="red" align="center"><td><font size="6" color="white"><b>网页的底部</b></td></tr>
</table>

<!--框架-->
<!--frameset:划分框架标记,直接跟在head下面,不需要在body元素中;而且还要配合frame子窗口标记一起使用,frame和meta,br, img,一样都是单标记-->
<!--<frameset cols="vals" rows="vals" frameborder="0或者1">;vals可以用像素数和"%"分割左右窗口,"*"表示剩余部分,"*,*"表示平均分成两个."*,*,*"表示三等分,依次类推,frameborder的0表示不显示边框,1表示显示边框-->
<!--frame 属性noresize="0或者1",0表示不能调整框架的大小,1表示可以调整,scrolling="auto,yes,no",分别表示滚动条需要时就有,一直有,和一直没有-->
<frameset rows="25%,50%,25%*" frameborder="1" border="5">
	<frame name="top" src="top.html" /> <!--顶部-->
	<frameset cols="20%,*" "> <!--中部-->
		<frame name="left" noresize="0" scrolling="no" src="http://www.baidu.com" />
		<frame name="right" noresize="0" scrolling="auto" src="http://www.tieba.com" />
	</frameset>
	<frame name="bottom" /> <!--底部-->
</frameset>
<br>

<!--form,表单标记
基本格式: <form action="服务器端地址(接受表单内容的地址)" name="表单名称" method="post|get">...</form>
form的常用属性:
1)传送数据的方式分为get和post两种:
	1. get方式提交时,会讲表单内容附加在URL地址的后面,所以限制了提交内容的长度,不超过8192个字符,且不具有保密性
	2. post方式提交时,将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有数据大小限制

2) action:表单数据的处理程序的url地址,如果为空则使用当前文档的URL地址,如果表单中不需要使用action属性也要指定其属性为"no"
3) enctype: 设置表单资料的编码方式
4) target: 和超链接属性类似,用来指定目标窗口
5) name: 表单名称

input标记:单标记
1) 基本语法: <input type="text|password" name=" " value=" " size=" " maxlenth=" ">
2) 属性介绍:
	a. 文本域和密码域
		1. type="text"时, <input> 表示一个文本输入域
		   type="password"时,<input> 表示一个密码输入域
		2. name属性,定义控件的名称
		3. value属性,初始化值,打开浏览器时,文本框中的内容
		4. size属性,设置控件(也就是输入框)的长度
		5. maxlenth属性,输入框中最大允许输入的字符数

	b. 提交,重置,普通按钮
		1. input标记的type="submit"时,为提交按钮
		2. input标记的type="reset"时,为重置按钮
		3. input标记的type="button"时,为普通按钮
		
	c. 单选框和复选框
		1. input标记的type="radio"时,为单选框
		2. input标记的type="checkbox"时,为复选框
		注意:单选框和复选框都可以用checked属性来设置默认选中项
	d. 隐藏域
		1. input标记的type="hidden"时,为隐藏表单域

textarea标记:多行文本域
	1) 基本语法: <textarea name="NAME" rows="VALUE" cols="VALUE" value="VALUE">....</textarea>	
	2) 属性: rows和cols分别用来指定显示的行数和列数,单位是字符个数
select标记:菜单下啦列表域
	1) 基本语法:
		<select name="NAME" size="VALUE" multiple>  multiple表示可以多选,不写则表示单选,按住ctrl多选
		<option value="VALUE" selected>选项1</option>
		<option value="VALUE">选项2</option>
		<option value="VALUE" >选项3</option>
		......
		</select>
-->
<!--示例-->
<form method="get"> <!--账号和密码是明文的-->
	账号: <input type="text" name="user" value="请输入用户名" size="20" maxlength="5"/><br />
	密码: <input type="password" name="password" value="" size="15"/><br />
	隐藏: <input type="hidden" value="隐藏的内容" name="hide" /><br />
	地址: <select name="address" multiple>
		<option value="Wuxi" selected="selected">无锡</option>
		<option value="Changzhou" selected="selected">常州</option>
		<option value="Suzhou" selected="selected">苏州</option>
	</select><br />
	<input type="submit" name="submit" value="提交" />
	<input type="reset" name="rest" value="重置" />
	<input type="button" name="button" value="按钮" />
</form>
<form method="post"> <!--账号和密码是明文的-->
	账号: <input type="text" name="user" value="请输入用户名" size="20" maxlength="5"/><br />
	密码: <input type="password" name="password" value="" size="15"/><br />
	<input type="submit" name="submit" value="提交" />
	<input type="reset" name="rest" value="重置" />
	<input type="button" name="button" value="按钮" />
</form>
</form>
<form> 
	性别: <input type="radio" name="gender" checked/>男 <input type="radio" name="gender" />女
	<input type="reset" name="rest" value="重置" />
	<input type="button" name="button" value="按钮" /><br />
	爱好: <input type="checkbox" name="hobby" checked/>足球 <input type="checkbox" name="hobby" checked/>篮球<input type="checkbox" name="hobby" />乒乓球
	<input type="reset" name="rest" value="重置" />
	<input type="button" name="button" value="按钮" />
</form>
<form> 
	隐藏: <input type="hidden" value="隐藏的内容" name="hide" />
	<input type="reset" name="rest" value="重置" />
	<input type="button" name="button" value="按钮" /><br />
</form>
<form method="get" name="textarea">
	自我介绍:<br /><textarea name="aboutme" rows="10" cols="50">
		我是个杀手,我木得感情,我爱吃香蕉.
	</textarea>
</form>
</body>
</html>

